<template>
  <div>
    <li-header></li-header>
    <li-footer></li-footer>
  </div>
</template>

<script>
// 引入头部组件
import Header from '@/components/Header'
// 引入尾部组件
import Footer from '@/components/Footer'

// 在引用Header公共组件的时候，使用components创建组件，避免污染使用li-hander为
export default {
  components: {
    'li-header': Header,
    'li-footer': Footer
  },
  name: 'App'
}
</script>

<style>
</style>
